{% extends 'base.html' %}

{% block title %}员工列表{% endblock %}

{% block head %}
    <link rel="stylesheet" href="{{ url_for('static', filename='css/stafflist.css') }}">
{% endblock %}


{% block index_main %}
    <div class="indexmain">
        <div class="addstaff">
            <form action="{{ url_for('addstaff') }}", method="get">
                <button class="btn btn-primary">新增员工信息</button>
            </form>
        </div>
        <table class="table">
            <tbody>
                <tr>
                    <th>#</th>
                    <th>员工编号</th>
                    <th>员工姓名</th>
                    <th>员工部门</th>
                    <th>员工职务</th>
                    <th>操作</th>
                </tr>
                {% for staff in staffs %}
                    <tr>
                        <td>{{ staff.id }}</td>
                        <td>{{ staff.staff_num }}</td>
                        <td>{{ staff.staff_name }}</td>
                        <td>{{ staff.depart }}</td>
                        <td>{{ staff.staff_duty }}</td>
                        <td><span><a href="#">编辑</a></span><span>&nbsp;&nbsp;<a href="#">删除</a></span></td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
        <nav aria-label="...">
            <ul class="pagination">
                <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
                <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">2 <span class="sr-only"></span></a></li>
                <li><a href="#">3 <span class="sr-only"></span></a></li>
                <li><a href="#">4 <span class="sr-only"></span></a></li>
                <li><a href="#">5 <span class="sr-only"></span></a></li>
             </ul>
        </nav>
    </div>
{% endblock %}